<template>
    <view class="rider_turn_order_content">
        <div class="content_qr_box">
            <div class="title">面对面转单</div>
            <div class="qr_code_box">
                <div class="qrcode_box">
                    <uqrcodePlugin
                        ref="turnOrderQrcodeRef" 
                        canvas-id="turnOrderQrcode" 
                        :value="qrCodeCont" 
                        sizeUnit="px"
                        :start="false"
                        :auto="false"
                    />
                </div>
                <div class="bottom_tips" v-if="showScanBtn">
                    扫一扫二维码即可收到订单
                </div>
                <div v-else class="more_bottom_tips">
                    <div class="tips_it">
                        1. 你今日可转出订单次数剩余：<div class="text_number">3次</div>
                    </div>
                    <div class="tips_it">
                        2. 你今日可转入订单次数剩余：<div class="text_number">3次</div>
                    </div>
                    <div class="tips_it">
                        3. 使用需要转出订单的手机扫描该二维码，即可收到订单
                    </div>
                </div>
            </div>
            <div class="btn_box_list" v-if="showScanBtn">
                <div 
                    class="btn" 
                    :class="riderCurrentPopupItDragBtnStyle.customClass"
                    @click="comTurnOrderScanCode()"
                >
                    <uni-icons 
						type="scan" size="20" 
						class="scan_icon" 
						color="#fff"
					></uni-icons>
                    马上转出
                </div>
            </div>
        </div>
    </view>
</template>

<script src="./rider-turn-order.ts" lang="ts"></script>

<style lang="stylus" scoped>
@import './rider-turn-order.styl';
</style>
